Default Box-Sizing in CSS
The default box-sizing value for HTML elements is content-box. This means that the width and height of an element only include the content area, and any padding or border is added outside of that, increasing the element's total size.
Width and height only include the content area.
Padding and border are added outside the content dimensions.
Can lead to larger total element size than specified width/height.
Alternative is box-sizing: border-box which includes padding and border in width/height.